<label class="col-sm-2 control-label">
    {{'CONFIG.WIDGET.GROUP'|translate}}
  <i class="fa fa-question-circle" title="{{helpMessage.column}}" *ngIf="helpMessage.column != undefined"></i>
</label>
<div class="col-sm-10">
       <div pDroppable='[keys,dropdimension]' (onDrop)='droped($event);draggedEl=false' class="btn-group form-control clearpadding" style="cursor: move;margin: 3px 3px;" (onDragEnter)='draggedEl=true' [ngClass]='{"highlight":draggedEl}'>
           <div *ngFor='let o of dimensionGroup;trackBy:myTrackBy; let i=index' class="fl">
                <button type="button" class="btn btn-default btn-sm" style="cursor: move;" (click)="dimensionGroup.splice(i, 1);emitColumn(o)">
                    {{o.level?'['+o.level+'].':''}}{{o.alias?o.alias:o.column}}
                </button>
                <button type="button" class="btn btn-default btn-sm dropdown-toggle"
                        (click)="editSort()">
                    <span class="fa"></span>
                </button>
                <button type="button" class="btn btn-default btn-sm dropdown-toggle"
                        (click)="editFilter()">
                    <span class="fa fa-filter"></span>
                </button>
           </div>
       </div>
</div>